/** @type {import('tailwindcss').Config} */
export default {
    content: ["*.html", "src/**/*.{js,jsx,ts,tsx,vue}"],
    theme: {
        extend: {
            keyframes: {
                floatUp: {
                    "100%": {
                        transform: "translateY(-3rem)"
                    }
                },
                floatDown: {
                    "0%": {
                        /* 先让元素闪现到 hover 时的样子，然后再下落，以实现动画效果 */
                        transform: "translateY(-3rem)"
                    },
                    "100%": {
                        // transform: "translateY(2.5rem)"
                    }
                }
            }
        }
    },
    plugins: []
};
